<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- 禁止检查当前域名 -->
    <meta name="referrer" content="never">
    <!-- 网站图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 初始化css文件：用来将所有浏览器中显示不一样的样式，变的一样 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入bootstrap -->
    <!-- <link rel="stylesheet" href="../css/bootstrap.css"> -->
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../css/layout.css">
    <link rel="stylesheet" href="../font/iconfont.css">
</head>

<body>
    <div class="top">
        <div class="main cart-top clearfix">
            <div class="cart-top-rig">
                <ul class="ctr-top clearfix">
                    <li><a href="">已登录</a></li>
                    <li><a href="" class="logout">[退出]</a></li>
                    <li><a href="">订单管理</a><span style="padding-left: 5px;display:inline-block ;">|</span></li>
                    <li><span class="icon-fl-dianhua iconfont"
                            style="font-size: 12px;color:#666;padding: 0 5px;"></span>400-6789-888<span
                            style="padding-left: 5px;display:inline-block ;">|</span></li>
                    <li><a href=""><span class="icon-zaixiankefu iconfont"
                                style="font-size: 12px;color:#666;padding: 0 5px;"></span>在线客服</a><span
                            style="padding-left: 5px;display:inline-block ;">|</span></li>
                    <li><a href=""><span class="icon-huiyuan iconfont"
                                style="font-size: 12px;color:#666;padding: 0 5px;"></span>会员服务<span></span></a></li>
                </ul>
                <div class="ctr-bot">
                    <span><i></i><b>100%正品保证</b></span>
                    <span style="padding:0 20px;display:inline-block ;"><i></i><b>七天无理由放心退</b></span>
                    <span><i></i><b>限时抢购</b></span>
                </div>
            </div>
        </div>
    </div>
    <div class="cont main">
        <div class="cont-top clearfix">
            <a href="">
                <span class="coupon">特卖商品</span>
                <span class="clock"></span>
            </a>
        </div>
        <div class="sent">
            <span>配送至</span><i>深圳市</i><em>│</em><b>勾选商品'√'即可锁定库存20分钟，倒计时内不用担心商品被抢走~</b></span>
        </div>
        <!-- <ul class="product clearfix">
            <li>商品</li>
            <li>单价</li>
            <li>数量</li>
            <li>小计</li>
            <li>操作</li>
        </ul> -->
        <div class="wei">唯品自营</div>
        <!-- 购物车列表 -->
        <div class="wrap cart">
            <div class="content">
                <table class="table">
                    <thead>
                        <tr>
                            <th><input type="checkbox" name="selectAll"></th>
                            <th>商品</th>
                            <th>商品名称</th>
                            <th>单价</th>
                            <th>数量</th>
                            <th>小计</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr valign="bottom">
                            <td style="text-align: center;"><input type="checkbox" name="selectOne"></td>
                            <td>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2022/05/31/174/58036252-b100-4c08-bfc4-3d681ba73074_273x273_90.jpg"
                                    width="74" height="74">
                            </td>
                            <td>女休闲鞋</td>
                            <td class="price" style="color:#f10180 ;">￥<span>125</span></td>
                            <td class="number" data-stock="10" data-id="21">
                                <button class="btn btn-default reduce">-</button>
                                <input type="text" name="number" value="8">
                                <button class="btn btn-default add">+</button>
                            </td>
                            <td class="subtotal">￥<span>200</span></td>
                            <td><button class="btn btn-danger remove">删除</button></td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td style="text-align: center;"><input type="checkbox" name="selectAll"></td>
                            <td colspan="2">商品总数：<span class="totalNum">0</span></td>
                            <td colspan="2">商品总价：<span class="totalPrice">0</span></td>
                            <td><a class="btn btn-primary" href="list.html">回列表页</a></td>
                            <td><a class="btn btn-warning" href="order.html">去结算</a><span></span></td>
                        </tr>
                    </tfoot>
                </table>
                <!-- <div style="padding-left:10px;" class="jumbotron">
                    <h1>购物车空空如也!</h1>
                    <p>赶快去列表页挑选商品吧</p>
                    <p><a class="btn btn-primary btn-lg" href="list.html" role="button">去列表页</a></p>
                </div>
            </div> -->
        </div>
    </div>
    <ul class="picture main clearfix">
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <div class="foot main">
        <p><a href="">关于我们</a>|<a href=""> About us</a>|<a href=""> Investor Relations</a>|<a href=""> 媒体报道</a>|<a
                href=""> 品牌招商</a>|<a href=""> 平台规则</a>|<a href=""> 隐私条款</a>|<a href=""> 唯品诚聘</a>|<a href=""> 唯品卡</a>|<a
                href=""> 联系我们</a>|<a href=""> 廉正举报</a></p>
        <div class="copy">
            <span>Copyright © 2008-现在 vip.com，All Rights Reserved 使用本网站即表示接受 <a href="">唯品会用户协议</a>。版权所有 <a
                    href="">广州唯品会电子商务有限公司</a></span>
            <span><a href="">粤公网安备 44010302111111号</a><a href=""></a>粤ICP备08114786号<a
                    href="">增值业务经营许可证：粤B2-20170777</a><a href="">网络文化经营许可证：粤网文〔2021〕2056-282号</a></span>
            <span><a href="">经营主体证照</a><a href=""></a>风险监测信息<a href="">互联网药品信息服务资格证书：（粤）-经营性-2018-0271</a><a
                    href="">网络食品交易第三方平台备案凭证：粤B2-20170777</a><a href="">医疗器械网络交易服务第三方平台备案</a></span>
            <span><a href="">凭证：（粤）网械平台备字[2019]第00001号</a>出版物网络交易平台服务经营备案证：粤新出网备（2021）1号<a href="">未成年人关怀专区</a></span>
            <span>违法和不良信息举报电话：4006789888 算法推荐违规举报电话：4006789888</span>
        </div>
        <div class="footer">
            <a href=""></a>
            <a href="">
                <!-- <img src="../img/footer_no_good-hash-1fe63524.png" alt=""> -->
            </a>
            <a href="">
                <img src="../img/icon1.png" alt="">
            </a>
            <a href=""></a>
        </div>
    </div>
</body>

</html>
<!-- 引入js的库 -->
<script src="../lib/jquery.min.js"></script>
<!-- 引入bootstrap.js，bootstrap的js需要依赖一个js库 -->
<script src="../lib/bootstrap.js"></script>
<script src="../lib/layer/layer.js"></script>
<!-- 引入cookie的js -->
<script src="../utils/cookie.js"></script>
<script src="../utils/ajax.js"></script>
<script src="../js/cart.js"></script>